<template>
    <h1>proVideA</h1>
    <div class="box"></div>
    <hr>
    <proVideB></proVideB>
</template>
<script setup lang="ts">
import {ref, inject} from 'vue'
import proVideB from './proVideB.vue'
import type { Ref } from 'vue'

let color = inject<Ref<string>>('color')
console.log(color)

</script>

<style scoped lang="scss">
.box {
    width: 50px;
    height: 50px;
    border: 1px solid #000;
    margin-bottom: 20px;
    background: v-bind(color);
}
</style>
